<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
</head>

<body>

    <header>
        <div class="container">
            <!-- 返回首页 -->
            <div class="previous_page">
                <a href="./index.html" class="iconfont icon-fanhuijiantou"></a>
            </div>
            <!-- 点击登录 -->
            <div class="login">
                <a href="./register.html" class="iconfont icon-zhuce">点击注册</a>
            </div>
        </div>
    </header>
    <!-- 主体 -->
    <main>
        <div class="container">
            <!-- 登录表单 -->
            <form action="#">
                <!-- 注册标题 -->
                <div class="title">
                    <h1>账号登录</h1>
                </div>
                <div class="input">
                    <!-- 手机号 -->
                    <p class="input_title">手机号 <span class="tel"></span> </p>
                    <p>
                        <span class="iconfont icon-shoujihao"></span>
                        <input type="text" placeholder="请输入手机号" id="tel">
                    </p>


                    <!-- 密码 -->
                    <p class="input_title">密码 <span class="password"></span></p>
                    <p>
                        <span class="iconfont icon-mima"></span>
                        <input type="password" placeholder="请输入密码" id="password">
                    </p>


                </div>
                <!-- 点击登录 -->
                <button type="button" id="btn">点击登录</button>
            </form>
        </div>
    </main>

    <!-- 底部第三方登录 -->
    <footer>
        <div class="title">
            <p>—————— 第三方登录 ——————</p>
        </div>
        <div class="container">
            <div class="iconfont icon-weixin1"></div>
            <div class="iconfont icon-qq"></div>
            <div class="iconfont icon-xinlangweibo"></div>
        </div>
    </footer>
</body>

</html>